#doc-body{
    padding: 0;
    background: #f1f1f1;
    overflow-x: hidden;
    padding: 0 8px;
    .modal-body{
        width:100%;
        background-color:#fff;
        -webkit-overflow-scrolling: touch;
        z-index: 100;
        overflow-x: hidden;
        padding: 0px;
        li{
            list-style: none;
            padding: 8px 0 0 0;
            background: #f1f1f1;
            dt{
                background:url(image/placeholder.jpg) no-repeat;
                background-size:contain;
                p{
                    width: 100%;
                    border: none;
                    height:420px;
                    background-size:100% 100%;
                }                
            }
            dd{
                padding: 8px;
                background: #fff;
            }
        }
    }
}
.modal-body{
   top:0;    
}
.zhangGui-header{
    height: 50px;
    width: 100%;
}
.zhangGui-hotel{
    float: left;
    width: 170px;
    margin-left: 16px;
    margin-top: 13px;
    margin-bottom: 8px;
    h3{
        width: 260px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
}
.zhangGui-hotel h3{
    color: #CB8600;
    font-weight: normal;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.zhangGui-hotel p{
    margin-top: 2px;
}
.zhangGui-bind{
    float: right;
    margin-right: 16px;
    height:30px;
    padding: 0 8px;
    background: #CB8600;
    margin-top: 10px;
    line-height: 30px;
    border-radius:4px;
    text-align: center;
    color: #fff;
}
.zhangGui-footer{
    width: 100%;
    padding:0px 0px 16px 16px;
}
.zhangGui-wantBind{
    font-size: 16px;
    color: #0066b5;
    margin-top: 12px;
}
#doc-body{
    margin-top: 42px;
}
.navbar{
    background:#fff;
    filter:alpha(opacity=90); 
    -moz-opacity:0.9; 
    -khtml-opacity: 0.9; 
    opacity: 0.9;
}
@media (max-width: 420px) {
    #doc-body .modal-body li dt p{
        height: 240px;
    }
}
@media (max-width: 380px) {
    .zhangGui-hotel{
        h3{
            width: 240px;
        }
    }    
    #doc-body .modal-body li dt p{
        height: 214px;
    }
}
@media (max-width: 345px) {
    .zhangGui-hotel{
        h3{
            width: 182px;  
            font-size:15px ;         
        }
    }    
    #doc-body .modal-body li dt p{
        height: 180px;
    }
}